<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <link rel="styleSheet" href="/whl/Public/Css/Home/head.css">
    <link rel="styleSheet" href="/whl/Public/Css/Home/footer.css">
    <link rel="styleSheet" href="/whl/Public/Css/Home/shouye.css">
</head>
<body>
    <!-- 引入头 -->
    <div class="header_top">
	<div class="left"><a id="a1" href="">小米网</a>|
	<a href="">游戏</a>|
	<a href="">多看阅读</a>|
	<a href="">云服务</a>|
	<a href="">小米网移动版</a></div>
	<div class="right">
	<ul id="ul1">
		<li>
			<?php if(!empty($_SESSION['user_id'])): ?><a href="#" id="a1"><?php echo session('username');?></a>
					<a href="<?php echo U('User/out');?>">退出</a>
				<?php else: ?>
				<a href="<?php echo U('User/login');?>">登录</a>|
				<a href="<?php echo U('User/reg');?>">注册</a>|<?php endif; ?>
		
			<ul id="ul2">
				<li>我的书架</li>
				<li>我的收藏</li>
				<li>我的购物家</li>
				<li>我的</li>
				<li>阿斯顿发</li>
				<li>小米</li>
				<li>安卓</li>
			</ul>
		</li>|
		<li>购物车</li>|
		<li>快速关注</li>|
		<li>导航</li>
	</ul>

	</div>
</div>
<div class="header">
	<div class="logo">
	<a href="#"><img id="logo" src="/whl/Public/images/logo.gif"></a> 
	</div>
	<div class="search">
		<input type="search" results placeholder="搜索书名或作者" name="search" id="search">
	</div>
</div>
<div class="bottom">
		<div class="bottom_content">
			<ul class="new">
				<li><a href="<?php echo U('Index/index');?>">首页</a></li>
				<li><a href="<?php echo U('Bangdan/index');?>">榜单</a></li>
				<li><a href="<?php echo U('shuping/index');?>">书评</a></li>
				<li><a href="<?php echo U('jingpin/index');?>">精品.免费</a></li>
				<li><a href="<?php echo U('fenlei/index');?>">分类</a></li>
				<li><a href="#">客户端</a></li>
				<li><a>论坛</a></li>
			</ul>
		</div>
</div>

    <div id="a"></div>
    <div id="shouye_content">
        <!-- 图书分类 -->
        <div class="shouye_left">
            <div class="shouye_left_left">
                <ul class="shouye_left_left_list">
                    <li class="shouye_left_left_list_top">图书分类</li>
                </ul>
                
                <?php if(is_array($fenlei)): foreach($fenlei as $key=>$fen): ?><ul class="shouye_left_left_list">
                     <li class="shouye_left_left_list_left"><a href="<?php echo U('liebiao/index',['id'=>$fen['id']]);?>"><?php echo ($fen['typename']); ?></a></li>
                </ul><?php endforeach; endif; ?>
            </div>
            
        </div>
        
        <div class="shouye_center">
            <!-- 滑动图片 -->
            <div id="lunbo" class="shouye_center_up">
                <img class="lunbo" style="display:inline;" src="/whl/Public/images/lunbo.gif">
                <img class="lunbo" src="/whl/Public/images/lunbo1.gif" style="display:none">
                <img class="lunbo" src="/whl/Public/images/lunbo2.gif" style="display:none">
                <img class="lunbo" src="/whl/Public/images/lunbo3.gif" style="display:none">
            </div>

            <!-- 重磅推荐 -->
            <div class="shouye_center_down">
                <div class="shouye_center_down_up">
                    <a href="#">重磅推荐</a>
                </div>
                <hr>
                <div class="shouye_center_down_down">
                   <?php if(is_array($zhongbang)): foreach($zhongbang as $key=>$vo): ?><div class="shouye_center_down_down_left">

                        <div class="shouye_center_down_down_left_left">
                            <img width="100" height="130" src="/whl/Public/<?php echo ($vo['bkpic']); ?>"><br><br>
                            ￥<?php echo ($vo['bkprice']); ?>
                        </div>
                        <div class="shouye_center_down_down_left_right">
                            <span><?php echo ($vo['writer']); ?></span><br>
                            <img src="/whl/Public/Images/wuxing.gif" alt=""><br>
                            <span><?php echo ($vo['bkname']); ?></span>
                            <br>
                            <a href=""><img src="/whl/Public/Images/button.gif" alt=""></a>
                        </div>
                        
                    </div><?php endforeach; endif; ?>
                 
                </div>
                <div class="shouye_center_down_bottom">
                    <div class="shouye_center_down_bottom_left">
                        <a href="">活动快讯</a>
                    </div>
                    <div class="shouye_center_down_bottom_right"></div>
                </div>
            </div>     
        </div>

        <div class="shouye_right">

            <!-- 免费推荐 -->
            <div class="shouye_right_up">
             <?php if(empty($_SESSION['user_id'])): ?><div class="shouye_right_up_top">
                    Hi 欢迎使用多看阅读器
                </div>
                
                <ul>
                <li>
                   <li><span style="padding-left:20px;color:#A6978A;">跨平台/多设备同步阅读进度、笔</span>
                    <span style="padding-left:29px;color:#A6978A;" >记和图书，轻松实现云阅读</span>
                   </li>
                </ul>

                <button>更多免费图书</button>
               <button  style="margin-top:10px;background:#F8F6F3;border:1px solid #C2B3A7;border-radius:5px;color:#C2B3A7;"> <a href="<?php echo U('User/login');?>" >登录</a></button>
                <?php else: ?>
                 <div class="shouye_right_up_top">
                    快速阅读
                </div>
                <ul>
                <li>
                   <li>
                        hallo
                    </li>
                 </ul>
                    <button>更多免费图书</button><?php endif; ?>
            </div>
            <div class="shouye_right_center"></div>

            <!-- 重点新书 -->
            <div class="shouye_right_down">
                <div class="shouye_right_down_top" style="">
                <h4 style="margin-top:10px;margin-bottom:10px;">重磅新书</h4>
                <span>看“三无”女孩果断拒婚“三高”IT总裁！ 梦想一旦付诸行动，就会变得神圣！ 《再见，在也不见》台前幕后的故事！ 热播剧《山海经之赤影传说》同名小说！</span>
                </div>
                <div class="shouye_right_down_down">
                    <?php if(is_array($newbook)): foreach($newbook as $key=>$vo): ?><img class="zbxs" style="display:<?php echo ($key==0?'inline':'none'); ?>;margin-left:60px;margin-top:30px;" src="/whl/Public/<?php echo ($vo['bkpic']); ?>" height="130" width="95" alt="">
                    <a class="zbxsa" href="" style="display:<?php echo ($key==0?'block':'none'); ?>;margin-left:74px;"><?php echo ($vo['bkname']); ?></a><?php endforeach; endif; ?>
                </div>

            </div>
                     
        </div>
    </div>
    <hr>
    <div id="shouye_center">
        <div class="shouye_center_left">
            <div class="shouye_center_left_top">
                <ul>
                    <li><a href="<?php echo U('Index/index');?>">畅销榜 |</a></li>
                    <li><a href="<?php echo U('Index/index/',['action'=>'ybang']);?>">月度榜 |</a></li>
                    <li><a href="<?php echo U('Index/index/',['action'=>'pbang']);?>">好评榜</a></li>
                </ul>
                <ul>
                <?php if(is_array($bang)): foreach($bang as $key=>$vo): ?><li style="display:block;width:240px;float:left;margin-top:<?php echo ($key>0?'-20px':'20px'); ?>;"><em style="margin-left:20px;font-size:12px;"><?php echo ($key+1); ?></em>.<a href="#" style="color:black;font-size:12px;"><?php echo ($vo['bkname']); ?></a><p style="margin-top:-24px;margin-left:40px;color:#AFA298;font-size:12px; ">作者</p></li><?php endforeach; endif; ?>  
                </ul>
            </div>
        </div>
        <div class="shouye_center_right">
          <div class="shouye_center_right_top">
              <div class="shouye_center_right_top_left">精品推荐</div>
              <div class="shouye_center_right_top_right">查看更多>></div>
          </div>
          <div style="width:960px;height:554px;background:#FBFAF8;">
              
               <?php if(is_array($jptuijian)): foreach($jptuijian as $key=>$vo): ?><div class="shouye_center_right_content" >
                 <div style="margin-left:15px;margin-top:20px"><img width="100" height="130" src="/whl/Public/<?php echo ($vo['bkpic']); ?>"></div>
                <p style="font-size:12px;text-align:center;margin-top:10px;"><?php echo ($vo['bkname']); ?></p>
                <div class="" style="margin-top:15px;margin-left:24px">
                    <img  src="/whl/Public/images/shuping_xing.gif" alt="">
                </div>
                <div style="text-align:center;font-size:12px;">作者</div>
                <div style="text-align:center;">￥<?php echo ($vo['bkprice']); ?></div>
                 </div><?php endforeach; endif; ?>
             
          </div>
        </div>   
    </div>
    <div style="margin:0 auto;width:1200px;height:170px;background:#FBFAF8;">
        <div style="width:300px;height:170px;float:left;">
        <a href=""><img src="/whl/Public/images/xianshi.gif" style="margin-left:34px;margin-top:15px;"></a>
        </div>
        <div style="width:300px;height:170px;float:left;">
           <a href="#"><img src="/whl/Public/images/tejia.gif" style="margin-left:34px;margin-top:15px;"></a>
        </div>
        <div style="width:300px;height:170px;float:left;">
           <a href="#"><img src="/whl/Public/images/quanmin.gif" style="margin-left:34px;margin-top:15px;"></a>
        </div>
        <div style="width:300px;height:170px;float:left;">
           <a href="#"><img src="/whl/Public/images/daze.gif" style="margin-left:34px;margin-top:15px;"></a>
        </div>
    </div>
    <script src="/whl/Public/js/shouye.js"></script>
    <div class="footer">
	<div class="footer_left">
		<div class="footer_left_top">
			<ul class="footer_ul">
				<li><a href="#">手机版</a><span class="footer_ul_span">|</span></li>
				<li><a href="#">关于我们</a><span class="footer_ul_span">|</span></li>
				<li><a href="#">联系我们</a><span class="footer_ul_span">|</span></li>
				<li><a href="#">商务合作</a></li>
			</ul>
		</div>
		<div class="footer_left_bottom">
			<span>copyright@duokan.com</span>
			<a href="#">京ICP10047083号</a>
			<a href="#">电复证字第010010号</a>
		</div>
	</div>
	<div class="footer_right">
		<div class="footer_right_right">
			<img id="footer_right_image1" src="/whl/Public/images/QQNZ.gif" alt="">
			<img id="footer_right_image2" src="/whl/Public/images/sina.gif" alt="">
		</div>
		<div class="footer_right_content"></div>
		<div class="footer_right_right">
			<a href="">意见反馈</a>
			<span>readerfeedback@duowan.com</span>
		</div>
	</div>
</div>
</body>
</html>